<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN"> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<%@ include file="/common/taglib.jsp" %>
<%@ include file="/common/common.jsp" %>    
<base href="<%=basePath%>">
<title>鸿福迎门-我要装修</title>
<link rel="stylesheet" href="bootstrap-3.3.5/css/bootstrap.min.css">
<!--渐隐样式-->
<link rel="stylesheet" href="play/css/luara.css"/>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="jquery-1.11.3/jquery.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="bootstrap-3.3.5/js/bootstrap.min.js"></script>
<!--Luara js文件-->
<script src="play/js/jquery.luara.0.0.1.min.js"></script>
<script type="text/javascript">
	$(function(){
		$("#require").addClass("active"); //添加样式
	})
	function check(){
		var	name = $("#name").val();
		var	size = $("#size").val();
		var	chenghu = $("#chenghu").val();
		var	phoneNum = $("#phoneNum").val();
		var	address = $("#address").val();
		var	budget = $("#budget").val();
		var	myQq = $("#myQq").val();
		var msg = $("#msg");
		if(name == ""){
			msg.html("亲，需要填写楼盘名字哟");
			return false ;
		}else if(size ==""){
			msg.html("亲，需要填写面积哟");
			return false ;
		}else if(phoneNum == ""){
			msg.html("亲，需要填写您的联系方式，这样方便我们联系您");
			return false ;
		}else if(myQq==""){
			msg.html("亲，需要填写您的QQ，这样方便我们联系您");
			return false ;
		}
		return true ;
	}
</script>
<style type=text/css>
	body{
		background-color:#f1f5f8;
		height: 900px;
	}
	.case_content table{
		width : 31%;
		margin-right : 20px;
		float:left;
	}
	.other{
		 clear:both ;
		 padding-top:5px;
	}
	.case_title{
		border:1px #fff solid;
		background-color:#fff;
	}
</style>
</head>
<body>
<jsp:include page="/index/head.html"></jsp:include>
<div class="container">
	<div class="body">
		<h4>告诉我们您的装修需求，我们收到您的需求后将尽快您联系！</h4>
		<form action="require/add.html" method="post" onsubmit="return check()">
		  <div class="form-group">
			<label for="exampleInputEmail1">楼盘:</label>
			<input type="text" class="form-control" name="name" id="name" placeholder="输入您的楼盘信息">
		  </div>
		  <div class="form-group">
			<label for="exampleInputEmail1">面积:</label>
			<input type="text" class="form-control" name="size" id="size" placeholder="输入您的面积">
		  </div>
		  <div class="form-group">
			<label for="exampleInputEmail1">称呼:</label>
			<input type="text" class="form-control" name="chenghu" id="chenghu" placeholder="输入您的称呼">
		  </div>
		  		  <div class="form-group">
			<label for="exampleInputEmail1">手机:</label>
			<input type="text" class="form-control" name="phoneNum" id="phoneNum" placeholder="输入您的手机号">
		  </div>
		  <div class="form-group">
			<label for="exampleInputEmail1">区域:</label>
			<input type="text" class="form-control" name="address" id="address" placeholder="输入您的楼盘地址">
		  </div>
		  <div class="form-group">
			<label for="exampleInputEmail1">预算（万）:</label>
			<input type="text" class="form-control" name="budget" id="budget" placeholder="输入你的预算是多少万">
		  </div>
		  <div class="form-group">
			<label for="exampleInputEmail1">QQ:</label>
			<input type="text" class="form-control" name="myQq" id="myQq" placeholder="输入你的QQ号">
		  </div>
			<h4 id="msg" style="color:red;">${msg }</h4>
		  <button type="submit" class="btn btn-default">提交您的信息</button>
		</form>
	</div>
</div>
<jsp:include page="/index/bottom.html"></jsp:include>
</body>
</html>